.header{
  width: 1200px;
  margin:  0 auto;
  .left{
    float: left;
    line-height: 76px;
    width: 380px;
    a{
      width: 178px;
      margin-right: 110px;
      float: left;
    }
    span{
      font-size: 18px;
      display: inline-block;

      float: left;
    }
  }
  .right{
    float: right;
    line-height: 76px;
    margin-right: 90px;
    width: 320px;
    text-align: right;
    span{
      font-size: 18px;
      display: inline-block;
      margin-right: 20px;
    }
    a{
      font-size: 18px;
      color: #006699;
    }
  }

}
.center{
  width: 1200px;
  margin: 20px auto 0;
  background:url("../img/login-banner.png");
  padding: 8px 0;
  .concent{
    width: 338px;
    background-color: #fff;
    padding:18px 82px 10px 0;
    margin-left:550px ;
    form{
      font-size: 14px;
      text-align: right;
      ul{
        li{
          margin-bottom: 10px;
          width: 338px;
          input{
            line-height: 28px;
            border: 1px solid #000;
            text-indent: 4px;
            width: 198px;
          }
          #proving{
            width: 118px;
          }
          #checkcode{
            width: 70px;
            margin-left: 6px;
          }
          label{
            font-size: 12px;
            width: 60px;
            overflow: hidden;
            .keep{
              display: none;
              &+i{
                float: left;
                width: 14px;
                height: 14px;
                border: 1px solid #000;
                margin-right: 2px;
                position: relative;
                top:2px;
                left: 134px;
              }
              &:checked+i{
                background:url("../img/right.png")no-repeat;
              }
            }
          }
          .protocol{
            color: #006699;
            font-size: 12px;
          }
          #register{
            width: 270px;
            border: none;
            background-color: #006699;
            color: #ffffff;
            font-size: 18px;
            line-height: 40px;
            cursor: pointer;
          }
        }
      }

    }
  }
}
.bottom{
  width: 1200px;
  margin: 26px auto 50px;
  ol{
    border-bottom:1px solid #bfbfbf ;
    border-top:1px solid #bfbfbf ;
    margin-bottom: 46px;
    li{
      float: left;
    }
    .item{
      background:url("../img/bottom-1.png")no-repeat 20px 0;
      padding-left: 96px;
      width: 200px;
      margin: 52px 0;
      a{
        display: inline-block;
        font-size: 16px;
        margin-top: 6px;
        span{
          display: block;
          color: #666;
          margin-top: 14px;
        }
      }
    }
    .retreat{
      background:url("../img/bottom-2.png")no-repeat 20px 0;
      padding-left: 96px;
      width: 226px;
      margin: 52px 0;
      a{
        display: inline-block;
        font-size: 16px;
        margin-top: 6px;
        span{
          display: block;
          color: #666;
          margin-top: 14px;
        }
      }
    }
    .ensure{
      background:url("../img/bottom-3.png")no-repeat 20px 0;
      padding-left: 96px;
      width: 174px;
      margin: 52px 0;
      a{
        display: inline-block;
        font-size: 16px;
        margin-top: 6px;
        span{
          display: block;
          color: #666;
          margin-top: 14px;
        }
      }
    }
    .help{
      background:url("../img/bottom-4.png")no-repeat 20px 0;
      padding-left: 96px;
      width: 216px;
      margin: 52px 0;
      a{
        display: inline-block;
        font-size: 16px;
        margin-top: 6px;
        span{
          display: block;
          color: #666;
          margin-top: 14px;
        }
      }
    }
  }
  .ensure{
    margin-left: 86px;
    width: 236px;
    float: left;
    dt{
      font-size: 18px;
      line-height: 42px;
    }
    dd{
      a{
        font-size: 16px;
        color: #666;
        line-height: 24px;
      }
    }
  }
  .guide{
    margin-left: 86px;
    width: 200px;
    float: left;
    dt{
      font-size: 18px;
      line-height: 42px;
    }
    dd{
      a{
        font-size: 16px;
        color: #666;
        line-height: 24px;
      }
    }
  }
  .payment{
    margin-left: 86px;
    width: 170px;
    float: left;
    dt{
      font-size: 18px;
      line-height: 42px;
    }
    dd{
      a{
        font-size: 16px;
        color: #666;
        line-height: 24px;
      }
    }
  }
  .after-sale{
    margin-left: 86px;
    width:238px;
    float: left;
    dt{
      font-size: 18px;
      line-height: 42px;
    }
    dd{
      a{
        font-size: 16px;
        color: #666;
        line-height: 24px;
      }
    }
  }
}
.footer{
  background-color: #cccccc;
  text-align: center;
  .top{
    padding:26px 0 16px;
    a{
      font-size: 16px;
      line-height: 44px;
      margin: 0 26px;
    }
  }
  .bottom{
    padding-bottom: 24px;
    span{
      line-height: 44px;
      font-size: 16px;
      display: block;
    }
  }
}